﻿<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>PICO-8 Cartridge</title>
    <meta name="description" content="" />

    <style type="text/css">
      canvas#canvas {
        width: 512px;
        height: 512px;
      }

      .pico8_el {
        float: left;
        width: 92px;
        display: inline-block;
        margin: 1px;
        padding: 4px;
        text-align: center;
        color: #fff;
        background-color: #777;
        font-family: verdana;
        font-size: 9pt;
        cursor: pointer;
        cursor: hand;
      }
      .pico8_el a {
        text-decoration: none;
        color: #fff;
      }

      .pico8_el:hover {
        background-color: #aaa;
      }

      .pico8_el:link {
        background-color: #aaa;
      }

      canvas {
        image-rendering: optimizeSpeed;
        image-rendering: -moz-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: optimize-contrast;
        image-rendering: pixelated;
        -ms-interpolation-mode: nearest-neighbor;
        border: 0px;
      }
    </style>
  </head>

  <body bgcolor="#303030">
    <br /><br /><br />

    <center>
      <div style="width: 512px">
        <canvas
          class="emscripten"
          id="canvas"
          oncontextmenu="event.preventDefault()"
        ></canvas>

        <script type="text/javascript">
          var canvas = document.getElementById('canvas')
          canvas.width = window.innerWidth
          canvas.height = window.innerHeight

          // show Emscripten environment where the canvas is
          // arguments are passed to PICO-8

          var Module = {}
          Module.canvas = canvas

          /*
			// When pico8_buttons is defined, PICO-8 takes each int to be a live bitfield
			// representing the state of each player's buttons
			
			var pico8_buttons = [0, 0, 0, 0, 0, 0, 0, 0]; // max 8 players
			pico8_buttons[0] = 2 | 16; // example: player 0, RIGHT and Z held down
			
			// when pico8_gpio is defined, reading and writing to gpio pins will
			// read and write to these values
			var pico8_gpio = new Array(128);
		*/
        </script>

        <script async type="text/javascript" src="final.js"></script>

        <script>
          // key blocker. prevent cursor keys from scrolling page while playing cart.

          function onKeyDown_blocker(event) {
            event = event || window.event
            var o = document.activeElement
            if (!o || o == document.body || o.tagName == 'canvas') {
              if ([32, 37, 38, 39, 40].indexOf(event.keyCode) > -1) {
                if (event.preventDefault) event.preventDefault()
              }
            }
          }

          document.addEventListener('keydown', onKeyDown_blocker, false)
        </script>

        <br />

        <div class="pico8_el" onclick="Module.pico8Reset();">
          <img
            src=""
            alt="Reset"
            width="12"
            height="12"
          />

          Reset
        </div>

        <div class="pico8_el" onclick="Module.pico8TogglePaused();">
          <img
            src=""
            alt="Pause"
            width="12"
            height="12"
          />

          Pause
        </div>
        <div class="pico8_el" onclick="Module.requestFullScreen(true, false);">
          <img
            src=""
            alt="Fullscreen"
            width="12"
            height="12"
          />

          Fullscreen
        </div>
        <div class="pico8_el" onclick="Module.pico8ToggleSound();">
          <img
            src=""
            alt="Toggle Sound"
            width="12"
            height="12"
          />

          Sound
        </div>
        <div class="pico8_el">
          <a target="_new" href="http://www.lexaloffle.com/bbs/?cat=7&sub=2">
            <img
              src=""
              alt="More Carts"
              width="12"
              height="12"
            />

            Carts</a
          >
        </div>

        <br />
      </div>
    </center>
    <br /><br />
  </body>
</html>
